<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8"/>
    <title>Blog</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="//cdn.amazeui.org/amazeui/2.1.0/css/amazeui.min.css"/>
    <link rel="stylesheet" href="{$config['setting']['csspath']}/style.css" />
    <script src="//cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
    <script src="//cdn.amazeui.org/amazeui/2.1.0/js/amazeui.min.js"></script>
</head>
<body>
<header class="am-topbar am-topbar-fixed-top">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="/">Blog</a>
        </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}"><span class="am-sr-only">nav switch</span>
            <span class="am-icon-bars"></span></button>
        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <div class="am-topbar-right">
                <a href="{__ROOT__}user/register" class="am-btn am-btn-secondary am-topbar-btn am-btn-sm topbar-link-btn"><span class="am-icon-pencil"></span> Register</a>
            </div>
            <div class="am-topbar-right">
                <a href="{__ROOT__}user/login" class="am-btn am-btn-primary am-topbar-btn am-btn-sm topbar-link-btn"><span class="am-icon-user"></span> Login</a>
            </div>
        </div>    </div>
</header>

<div class="am-g am-g-fixed">
<div class="am-u-md-8">
<!--{loop $list $vo}-->
    <article class="blog-main">
        <h3 class="am-article-title blog-title">
            <a href="{__ROOT__}index.php?c=article&a=index&id=$vo['d_id']">$vo['d_title']</a>
        </h3>
        <h4 class="am-article-meta blog-meta">
            by <a href="{__ROOT__}index.php?c=user&a=articles&uid=5">$vo['d_author']</a> posted on $vo['d_adddate'] under
            <a href="#" style="color: #fff;" class="am-badge am-badge-success am-radius">$vo['cls_id']</a>
        </h4>
        <div class="am-g">
            <div class="am-u-sm-12">
                <p>$vo['d_abstract']</p>
                <hr class="am-article-divider"/>
            </div>
        </div>
    </article>
<!--{/loop}-->
    <ul data-am-widget="pagination" class="am-pagination am-pagination-default"><li class="am-active"><a href="">1</a></li><li><a href="#">2</a></li></ul>
</div>

<div class="am-u-md-4 blog-sidebar">
    <br/>
    <div class="am-panel-group">
        <section class="am-panel am-panel-default">
            <div class="am-panel-hd"><span class="am-icon-tags"></span> <a href="{__ROOT__}tag">Tags</a></div>
            <ul class="am-list">
                <li>
                    <a href="{__ROOT__}tag/2/articles">test
                        <span class="am-fr am-badge am-badge-danger am-round">3</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">Laravel
                        <span class="am-fr am-badge am-badge-warning am-round">2</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">sad
                        <span class="am-fr am-badge am-badge-success am-round">1</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">linux
                        <span class="am-fr am-badge am-round">1</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">virtualbox
                        <span class="am-fr am-badge am-round">1</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">it
                        <span class="am-fr am-badge am-round">1</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">php
                        <span class="am-fr am-badge am-round">1</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">css
                        <span class="am-fr am-badge am-round">1</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">swift
                        <span class="am-fr am-badge am-round">1</span>
                    </a>
                </li>
                <li>
                    <a href="{__ROOT__}tag/2/articles">js
                        <span class="am-fr am-badge am-round">1</span>
                    </a>
                </li>
            </ul>
        </section>
    </div>
</div>
</div>

<footer class="footer am-topbar-fixed-bottom">
    <p>© 2015 Power By <a href="http://blog.17kmh.tk" target="_blank">blog.17kmh.tk</a></p>
</footer>
</body>
</html>